<!--
 * @description: 
 * @Author: Islands
 * @Date: 2024-06-19 11:23:39
 * @LastEditTime: 2024-06-23 03:45:29
-->
<script lang="ts" setup>
import notFound from '@/assets/svg/no-permission.svg';
import SvgTest from './index.vue';
</script>
<template>
    <notFound/>
</template>
<style lang="scss" scoped>
.test {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.logo {
  width: 100%; /* 设置你需要的宽度 */
  height: auto; /* 保持SVG的原始宽高比 */
}
 
.logo-background {
  width: 100%; /* 设置你需要的宽度 */
  height: 100%; /* 设置你需要的高度 */
  background-image: url('../../assets/svg/not-found.svg');
  background-size: cover; /* 确保SVG覆盖整个容器 */
  background-repeat: no-repeat; /* 防止背景平铺 */
}
 .logo-wrapper{
    width: 400px;
    height: 400px;
 }
/* 通过CSS改变颜色 */
.logo-wrapper .logo,
.logo-wrapper .logo-background {
  /* 这里设置你想要的颜色 */
  fill: #FF0000; /* 红色 */
}

svg {
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 10px;
  }
  svg path {
  fill: #ff0000;
  stroke: #00ff00;
}
</style>
